{% extends 'framework/layout.html' %}
{% load staticfiles %}


{% block banner %}
<div class="container-fluid">
    <banner class='banner'>
        <div id="mu-featured-slider">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="mu-featured-area">
                            <h1>EOSONES <small>• 个人博客</small></h1>
                            <div class="mu-featured-content">
                                <p>做任何毫不费力的事情,都是在浪费时间</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </banner>
</div>
{% endblock %}


{% block main %}

    {% for article in article_list %}
        <article class="post post-{{ article.pk }}">
            <header class="entry-header">
                <h1 class="entry-title">
                    <a href="{{ article.get_abstruct_url }}">{{ article.title }}</a>
                </h1>
                <div class="entry-meta">
                    <span class="post-category"><a href="#">{{ article.category }}</a></span>
                    <span class="post-date">
                        <a href="#">
                            <time class="entry-date"
                                  datetime="{{ article.updated_time }}">{{ article.updated_time|date }}</time>
                        </a>
                    </span>
                    <span class="post-author"><a href="#">{{ article.author }}</a></span>
                    <!--我们已经给评论区域的标签设置了 id，只需要在评论的链接后加上这个 id 的锚点即可：-->
                    <span class="comments-link"><a
                            href="{{ article.get_abstruct_url }}#comment-area">{{ article.comment_set.count }} 评论</a></span>
                    <span class="views-count"><a href="#">{{ article.counter }} 阅读</a></span>
                </div>
            </header>
            <div class="entry-content clearfix">
                {#                            <p>{{ article.content|safe|truncatechars:128 }}...</p>#}
                <p>{{ article.excerpt }}</p>
                <div class="read-more cl-effect-14">
                    <a href="{{ article.get_abstruct_url }}" class="more-link">继续阅读 <span
                            class="meta-nav">→</span></a>
                </div>
            </div>
        </article>

    {% empty %}
        <div class="no-post">暂时还没有发布的文章！</div>
    {% endfor %}


    {% if is_paginated %}

        {{ page_obj.render }}

{#        <div class="pagination-simple">#}
{#            <!-- 如果当前页还有上一页，显示一个上一页的按钮 -->#}
{#            {% if page_obj.has_previous %}#}
{#                <a href="?page={{ page_obj.previous_page_number }}">上一页</a>#}
{#            {% endif %}#}
{##}
{#            <!-- 显示当前页面信息 -->#}
{#            <span class="current">第 {{ page_obj.number }} 页 / 共 {{ paginator.num_pages }} 页</span>#}
{##}
{#            <!-- 如果当前页还有下一页，显示一个下一页的按钮 -->#}
{#            {% if page_obj.has_next %}#}
{#                <a href="?page={{ page_obj.next_page_number }}">下一页</a>#}
{#            {% endif %}#}
{#        </div>#}
    {% endif %}



{% endblock %}

{% block rightbar %}
    {% include 'framework/right.html' %}
{% endblock %}


